<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .http{
        color: rgb(37, 156, 37);
        font-size: 13px;
    }
    .text{
        font-size: 13px;
        color: brown;
    }
    .color{
        color: brown;
    }
    span{
        font-size: 20px;
    }
    div{
        line-height: 25px;
    }
    .text1{
        font-size: 13px;
        color: black;
    }
    .grey{
        font-size: 13px;
        color: grey;
        font-family: 宋体;
        font-weight: 700;
    }
   
</style>
<body>
    <div>
        <span><a href="#">零基础开始学 </a></span>
        <span><a href="#" class="color"> Web 前端 </a></span>
        <span><a href="#">开发，有什么建议吗? - 知乎</a></span>
    </div>
    <div>
       <span class="text"> Web 前端</span> 
       <span class="text1">开发技术主要包括三个要素：HTML、CSS 和 JavaScript，它要求前端开发工程师不仅要掌握基本的</span>
       <span class="text"> Web 前端</span> 
       <span class="text1">开发技术，网站性能优化，SEO 和服务器端的基础...</span> 
    </div> 
    <div>
        <span class="http">https://www.zhihu.com/question...</span>
        <img src="../image/icon.jpg" alt="">
        <span class="grey">百度快照</span>
    </div>
    <br>
    <div>
        <span><a href="#" class="color">Web 前端 </a></span>
        <span><a href="#">技术论坛所有讨论帖 - ITeye论坛频道</a></span>
    </div>
    <div>
        <span class="text">Web 前端</span> 
        <span class="text1">技术版面讨论，JavaScript编程、AJAX开发、UI界面设计、CSS 分类: JavaScript AJAX EXT JQuery prototype CSS 界面设计...</span>
     </div> 
    <div>
        <span class="http">www.iteye.com/forums/b...</span>
        <img src="../image/icon.jpg" alt="">
        <span class="grey">百度快照</span>
    </div>
</body>
</html>